@import './common';

.form-wrap{
	box-sizing:border-box; 
	padding:setSize(0) setSize(25) setSize(28);
	background-color: #edeff3;

	.form-box{
		width: 100%;
		box-sizing:border-box;
		padding:setSize(50) setSize(40);
		background-color: #fff;
		box-shadow:setSize(0) setSize(3) setSize(7) setSize(0) rgba(0, 0, 0, 0.35);
		border-radius:setSize(10);

		.input-box{
			box-sizing:border-box;
			padding:setSize(6) setSize(20);
			border:setSize(2) solid rgba(191,191,191,1);
			border-radius:setSize(10);

			.input{
				display: block;
				width: 100%;
			}
		}

		.btn{
			width:setSize(160);
			height:setSize(60);
			line-height: setSize(60);
			margin-left: setSize(20);
			background:$mainColor;
			border-radius:setSize(100);
			text-align: center;
			color: #fff;
			font-size: setSize(30);
		}

		.tags{
			margin-top: setSize(30);

			.tag-default{
				box-sizing:border-box;
				padding:setSize(2) setSize(20);
				margin-right: setSize(20);
				margin-bottom: setSize(20);
				background:#fff;
				border:setSize(1) solid $mainColor;
				border-radius:setSize(100);
				font-size: setSize(30);
				text-align: center;
				color: $mainColor;
			}

			.tag{
				background:$mainColor;
				color: #fff;
			}
		}
	}
}


.lists{
	box-sizing:border-box;
	padding:setSize(0) setSize(32);
	// border-top:setSize(20) solid #F8F8F8;

	.list-item{
		// display: block;
		border-bottom:setSize(1) solid $thirdBgWin;

		.img-box{

			.img{
				display: block;
				width: setSize(40);
				height: setSize(40);
				border-radius: setSize(10);
			}
		}

		.avat-box{
			padding:setSize(20) setSize(20) setSize(20) 0;

			.avat{
				display: block;
				width: setSize(100);
				height: setSize(100);
				border-radius:50%;
			}
		}

		.cont-box{
			box-sizing:border-box;
			padding:setSize(30) 0;
			@include ellipsis;

			.title-box{
				@include ellipsis;

				.title{
					box-sizing:border-box;
					padding-right:setSize(20);
					@include ellipsis;
				}

				.title-active{
					color:$mainColor;
					@include ellipsis;
				}
			}

			.out{

				.img{
					display: block;
					width:setSize(46);
					height:setSize(46);
					border-radius:50%;
				}
			}

			.input{
				width: 100%;
				margin:0 setSize(20);
			}
		}

		.button{
			height:setSize(54);
			line-height:setSize(54);
			border-radius:setSize(44);
			border:setSize(2) solid $mainColor;
			font-size:setSize(30);
			font-weight:400;
			color:$mainColor;
			background-color:$bgWin;
		}
	}
}

.foot-btns-wrap{
	height: setSize(40*2 + 94);

	.foot-btns{
		position:fixed;
		bottom:0;
		left: 0;
		z-index: 1;
		width: 100%;
		box-sizing:border-box;
		padding:0 setSize(24) setSize(40);

		.foot-btn{
			height:setSize(94);
			line-height:setSize(94);
			border-radius:setSize(100);
			font-size:setSize(34);
			font-weight:500;
			text-align: center;
			color:#fff;
			background:$mainColor;
		}
	}
}